<template>
<!-- 供应商列表 -->
  <div class="Supplier">
      <ul class="c-container">
          <li class="title">
           <p><span class="icon iconfont iconkehu iconfontRight"></span> 客户</p>
          </li>
          <li class="search">
            <a-input-search
                  class="headerInput"
                  placeholder="请输入线索名称/手机/电话"
                  enter-button="搜索"
                  size="large"
                  v-model="infoData.seachValue"
                  @search="onSearch"
                />
          </li>
          <li class="operation">
             <a-button type="primary" class="addBnt">
                <span class="icon iconfont iconadd"></span>新建客户
              </a-button>
          </li>
      </ul>
      <ul class="select">
          <li class="selectXian">已选中 <span style="color: #2362fb;">{{infoData.selectNum}}</span> 项</li>
          <li class="li">
             <a-button>
                <span class="icon iconfont iconcheck-circle iconfontRight"></span> 更改成交状态
              </a-button>
          </li>
           <li class="li">
             <a-button>
               <span class="icon iconfont icondaochuxuanzhong iconfontRight"></span> 导出选中
            </a-button>
          </li>
           <li class="li">
             <a-button>
               <span class="icon iconfont iconshanchu iconfontRight"></span>删除
             </a-button>
          </li>
           <li class="li">
             <a-button>
                <span class="icon iconfont iconlock iconfontRight"></span>锁定
             </a-button>
          </li>
           <li class="li">
             <a-button>
                <span class="icon iconfont iconjiesuo iconfontRight"></span>解锁
             </a-button>
          </li>
      </ul>
       <div class="table">
           add
       </div>
  </div>
</template>

<script lang="ts">
import { onMounted,ref,reactive,toRefs } from 'vue';
import { useStore } from "vuex";
import {useRouter } from 'vue-router'
import { findAgentLogListByAgentId } from '@/assets/api/home'
import Drawer from '@/components/drawer.vue'

export default {
  name:'Supplier',
   components: {
     Drawer
  },
  setup(){
    const router = useRouter();
     const visible:any = ref(false);
     const state:any =reactive({
       infoData:{
         seachValue:'',
         selectNum:0
       }
     }) 
    onMounted(()=>{
  
    });
    const onSearch=(val:string)=>{
       state.infoData.seachValue = val;
    };
 
    return {
    ...toRefs(state),onSearch
    }
  }
}
</script>
<style lang="less" scoped>
 .Supplier{
   width: 100%;
   height: 100%;
   position: relative;
 }

</style>
<style>
 .ant-drawer-content-wrapper{
   widows: 80%;
 }
</style>
